<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <meta name="description"
        content="小兔鲜儿-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
    <!-- 引入ico标签 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>


    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

<body>
    <!-- 快捷导航模块 -->
    <div class="shortcut ">
        <div class="w">
            <div class="fr">
                <ul>
                    <li>
                        <div class="login-header"><a id="link" href="javascript:;">请先登录</a></div>
                        <div id="login" class="login">
                            <div id="title" class="login-title">登录会员
                                <span><a id="closeBtn" href="javascript:void(0);" class="close-login">关闭</a></span>
                            </div>
                            <div class="login-input-content">
                                <div class="login-input">
                                    <label>用户名：</label>
                                    <input type="text" placeholder="请输入用户名" name="info[username]" id="username"
                                        class="list-input">
                                </div>
                                <div class="login-input">
                                    <label>登录密码：</label>
                                    <input type="password" placeholder="请输入登录密码" name="info[password]" id="password"
                                        class="list-input">
                                </div>
                            </div>
                            <div id="loginBtn" class="login-button"><a href="javascript:void(0);"
                                    id="login-button-submit">登录会员</a></div>
                        </div>
                        <!-- 遮盖层 -->
                        <div id="bg" class="login-bg"></div>
                    </li>
                    <li></li>
                    <li><a href="register.html">免费注册</a></li>
                    <li></li>
                    <li><a href="cart.html">我的订单</a></li>
                    <li></li>
                    <li><a href="#">会员中心</a></li>
                    <li></li>
                    <li><a href="#">帮助中心</a></li>
                    <li></li>
                    <li><a href="#">在线客服</a></li>
                    <li></li>
                    <li class="icon"><a href="#">手机版</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部模块 -->
    <div class="header wrapper w">
        <div class="logo">
            <h1><a href="#">小兔鲜儿</a></h1>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <!-- 定位 放大镜 -->
            <span></span>
        </div>
        <div class="car">
            <a href="cart.html"><span>8</span></a>

        </div>
    </div>
    <!-- 侧导航模块 -->

    <div class="navigate ">
        <div class="w">
            <div class="focus">

                <ul>
                    <li><img src="upload/banner_1.png" alt=""></li>
                    <li><img src="upload/banner_2.png" alt=""></li>
                    <li><img src="upload/banner_3.png" alt=""></li>
                    <li><img src="upload/banner_4.png" alt=""></li>
                    <li><img src="upload/banner_5.png" alt=""></li>
                </ul>
                <ol class="circle">
                </ol>
            </div>
            <div class="aside">
                <ul>
                    <li><a href="#">生鲜 水果 蔬菜</a></li>
                    <li><a href="#">美食 面点 干果</a></li>
                    <li><a href="#">餐厨 数码 产品</a></li>
                    <li><a href="#">电器 床品 被枕</a></li>
                    <li><a href="#">居家 玩具 辅食</a></li>
                    <li><a href="#">洗护 洗发 美妆</a></li>
                    <li><a href="#">孕婴 奶粉 </a></li>
                    <li><a href="list.html">服饰 女装 男装</a></li>
                    <li><a href="#">杂货 户外 图书</a></li>
                    <li><a href="#">品牌 品牌制造</a></li>
                </ul>
            </div>
            <span class="arrow"></span>
        </div>
    </div>
    <!-- 新鲜好物 -->
    <div class="goods wrapper w">
        <!-- hd header 头部 -->
        <div class="hd">
            <h2>新鲜好物<span>新鲜出炉 品质靠谱</span></h2>
            <a href="#">查看全部</a>
        </div>
        <!-- body 身体, 内容 -->
        <div class="bd clearfix">
            <ul>
                <li>
                    <a href="#">
                        <a href="register.html"><img src="./upload/new_goods_1.jpg" alt=""></a>
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <a href="./detail.html">
                            <img src="./images/9.jpg" alt=""></a>
                        <h3>海贼王路飞手办动漫模型</h3>
                        <div>￥<span>199</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/new_goods_3.jpg" alt="">
                        <h3>广东软软糯米煲仔饭</h3>
                        <div>￥<span>129</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/new_goods_4.jpg" alt="">
                        <h3>罗西机械智能手表F8</h3>
                        <div>￥<span>3399</span></div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 电子冲浪 -->
    <div class="goods wrapper w">
        <!-- hd header 头部 -->
        <div class="hd">
            <h2>电子冲浪<span>新鲜出炉 品质靠谱</span></h2>
            <a href="#">查看全部</a>
        </div>
        <!-- body 身体, 内容 -->
        <div class="bd clearfix">
            <ul>
                <li>
                    <a href="#">
                        <a href="register.html"><img src="./upload/new_goods_1.jpg" alt=""></a>
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <a href="./detail.html">
                            <img src="./images/9.jpg" alt=""></a>
                        <h3>海贼王路飞手办动漫模型</h3>
                        <div>￥<span>199</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/new_goods_3.jpg" alt="">
                        <h3>广东软软糯米煲仔饭</h3>
                        <div>￥<span>129</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/new_goods_4.jpg" alt="">
                        <h3>罗西机械智能手表F8</h3>
                        <div>￥<span>3399</span></div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 人气推荐 -->
    <div class="goods wrapper w">
        <!-- hd header 头部 -->
        <div class="hd">
            <h2>人气推荐<span>人气爆款 不容错过</span></h2>
            <a href="#">查看全部</a>
        </div>
        <!-- body 身体, 内容 -->
        <div class="bd clearfix">
            <ul>
                <li>
                    <a href="#">
                        <img src="./upload/popular_1.jpg" alt="">
                        <h3>特惠推荐</h3>
                        <h4>我猜得到 你的需要</h4>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/popular_2.jpg" alt="">
                        <h3>爆款推荐</h3>
                        <h4>人气好物推荐</h4>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/popular_3.jpg" alt="">
                        <h3>场景使用一站买全</h3>
                        <h4>小编精心整理推荐</h4>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./upload/popular_4.jpg" alt="">
                        <h3>领券中心</h3>
                        <h4>发现更多超值优惠券</h4>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 生鲜 -->
    <div class="shengxian wrapper w">
        <div class="hd">
            <h2>生鲜</h2>
            <a href="#" class="more">查看全部</a>
            <ul>
                <li><a href="#">水果</a></li>
                <li><a href="#">蔬菜</a></li>
                <li><a href="#">肉禽蛋</a></li>
                <li><a href="#">裤装</a></li>
                <li><a href="#">衬衫</a></li>
                <li><a href="#">T恤</a></li>
                <li><a href="#">内衣</a></li>
            </ul>
        </div>
        <div class="bd clearfix">
            <div class="left">
                <a href="#"><img src="./upload/fresh_goods_cover.png" alt=""></a>
            </div>
            <div class="right">
                <ul>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_1.jpg" alt="">
                            <h4>美威 智利原味三文鱼排 240g/袋 4片装
                                海鲜年货</h4>
                            <div>￥<span>59</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_2.jpg" alt="">
                            <h4>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只
                                火锅食材</h4>
                            <div>￥<span>79</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_3.jpg" alt="">
                            <h4>三都港 冷冻无公害黄花鱼 700g 2条 袋装
                                海鲜水产</h4>
                            <div>￥<span>49</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_4.jpg" alt="">
                            <h4>渔公码头 大连鲜食入味 即食海参 辽参刺参
                                调味海</h4>
                            <div>￥<span>899</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_5.jpg" alt="">
                            <h4>越南白心火龙果4个装 标准果400-550g
                                新鲜水果</h4>
                            <div>￥<span>20</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_6.jpg" alt="">
                            <h4>广西沃柑 新鲜水果 柑橘1.5kg
                                新鲜水果</h4>
                            <div>￥<span>10</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_7.jpg" alt="">
                            <h4>进口 牛油果 6个装 单果重约130-180g
                                新鲜水果</h4>
                            <div>￥<span>50</span></div>
                        </a></li>
                    <li><a href="#">
                            <img src="./upload/fresh_goods_8.jpg" alt="">
                            <h4>泰国进口山竹5A级 500g
                                新鲜水果</h4>
                            <div>￥<span>60</span></div>
                        </a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部模块 -->
    <div class="mod_help">
        <div class="w">
            <dl>
                <dt>服务指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">上门自提</a></dd>
                <dd><a href="#">211限时达</a></dd>
                <dd><a href="#">配送服务查询</a></dd>
                <dd><a href="#">配送收费标准</a></dd>
                <dd><a href="#">海外配送</a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
                <dd><a href="#">邮局汇款</a></dd>
                <dd><a href="#">公司转账</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">价格保护</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">返修/退换货</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">优购卡</a></dd>
                <dd><a href="#">小兔鲜通信</a></dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><img src="upload/qrcode.png" alt="" width="90px" height="90px">
                </dd>
                <dd><a href="#">小兔鲜客户端</a></dd>
            </dl>
        </div>
    </div>
    <!-- 版权区域 -->
    <div class="footer">
        <div class="w">
            <div class="wrapper">
                <div class="top">
                    <ul>
                        <li>
                            <!-- 通过伪元素添加标签实现精灵图 -->
                            <span>价格亲民</span>
                        </li>
                        <li>
                            <span>物流快捷</span>
                        </li>
                        <li>
                            <span>品质新鲜</span>
                        </li>
                    </ul>
                </div>
                <div class="bottom">
                    <p>
                        <a href="#">关于我们</a> |
                        <a href="#">帮助中心</a> |
                        <a href="#">售后服务</a> |
                        <a href="#">配送与验收</a> |
                        <a href="#">商务合作</a> |
                        <a href="#">搜索推荐</a> |
                        <a href="#">友情链接</a>
                    </p>
                    <p>shopping @ 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/login.js"></script>


</body>

</html>